<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./zhuce.css">
</head>
<body>
    <!-- 头部导航条 -->
    <div class="nav">
        <div class="nav-center">
            <!-- 导航左侧logo -->
            <div class="nav-center-left">
                <h1>
                    <a href=" " title="">
                        <img src="./images/logo.png" alt="">
                    </a>
                </h1>
            </div>
            <!-- 导航左侧 logo -->
            <div class="nav-center-right">
                已有美团账号？
                <button><a href="./denglu.html">登录</a></button>
            </div>
        </div>
    </div>
    <!-- 注册表单区域 -->
    <div class="register">
        <div class="register-center">
            <div class="register-center-form">
                手机号码<input type="text" name="phone">
                <span class="display-none">
                    <i></i>
                </span>
                <br/>
                <button>
                    免费获取短信动态码
                </button>
                <span class="display-none"></span>
                <br>
                短信验证<input type="text" id="code">
                <span class="display-none">
                    <i class=""></i>
                </span>
                <br>
                创建密码<input type="text" id="password">
                <br>
                <div id="tips">
                    <b>弱</b>
                    <b>中</b>
                    <b>强</b>
                    <b>安全</b>
                </div>
                <p></p >
                确认密码<input type="text" id="passrepeat">
                <span class="display-none">
                    <i></i>
                </span>
                <br>
                <input type="submit" id="frmContact" value="同意以下协议并注册">
                <br>
                <br>
                <a href="">《美团用户服务协议》</a>
                <a href="">《美团隐私政策》</a>
            </div>
            <!-- <div class="register-center-img">
                < img src="./images/register.png" alt="zhucetupian">
            </div> -->
        </div>
    </div>
    <script src="./zhuce.js"></script>
</body>
</html>